var hk_nav = document.getElementById("hk_nav").children;
var hk_box = document.getElementsByClassName("hk_box")[0].children[1].children;
for (var i = 0; i < hk_nav.length; i++) {
	console.log(i);
	hk_nav[i].onmouseover = function() {
		console.log(this);
		for (var j = 0; j < hk_nav[j].length; j++) {
			hk_nav[j].children[0].classList.remove('active');
		}
		this.children[0].classList.add('active');
		for (var n = 0; n < hk_box.length; n++) {
			hk_box[n].style.display = 'none';

		}
		var vl = this.value;
		console.log(hk_box[vl]);
		hk_box[vl].style.display = 'flex';
	}
}
